<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
   <link rel="stylesheet" type="text/css" media="(max-width:700px)" href="phone_duan.css">
   <link rel="stylesheet" type="text/css" media="(min-width:700px) and (max-width:2000px)" href="pc_duan.css">
</head>
    <!--

    css:
        选择器
            通配符         *{}
            元素选择器       div{}
            id选择器       #id{}
            class选择器    .classname{}
            伪类           :hover
            伪元素         :after
            属性选择器     input[name=passwd]

            后代选择器     #root a
            子选择器        #root>#head
            相邻选择器       #head+#left
            .a.b            .a.b  ==>  class="a b"

        常用属性
            背景
            盒子模型
                边框
            字体
            定位
                position -》top，left，right，bottom
            浮动
            css3新增样式

        布局
            固定定位布局      单位用px，布局用position

            固定浮动布局      单位用px，布局用float
            流体定位布局      单位用%
            流体浮动布局      单位用%
    -->
<body>

</body>
</html>